<template>
  <div class="base-menu">
    <el-menu class="base-menu__content" :default-active="$route.path" :router="false" unique-opened>
      <BaseMenuItem v-for="item in menus" :key="item.index" :item="item" />
    </el-menu>
  </div>
</template>

<script>
import BaseMenuItem from './menu-item'

export default {
  name: 'BaseMenu',
  components: { BaseMenuItem },
  props: {
    menus: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {}
  },
  watch: {},
  methods: {},
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
